<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的聚橙-账号安全</title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/security.css" />
	    <link rel="stylesheet" href="fontall/lan/Font-Awesome-3.2.1/css/font-awesome.css" />
	    <link rel="stylesheet" type="text/css" href="css/navAndFoot.css">
	</head>
	<body>
<div id="lrq">
	<div class="navpart">
		<div class="container">
			<div class="navpart-left">
				<span>文化青年,品质生活~</span>
			</div>
			<div class="navpart-right">
				<ul>
					<li class="nor-li"><a href="#">登录</a></li>
					<li class="nor-li"><a href="会员注册.html">注册</a></li>
					<li class="nor-li"><a href="myorderlist.html">我的订单</a></li>
					<li class="webnav">
						<a href="#" class="web-a">网站导航<i class="insert-xiabiao"></i></a>
						<div class="webnav-sel">
							<div class="sel-item pd-item">
								<dl>
									<dt>频道</dt>
									<dd>
										<a href="#">聚特惠</a>
										<a href="#">学生专区</a>
										<a href="#">聚特惠</a>
										<a href="#">学生专区</a>
										<a href="#">聚特惠</a>
										<a href="#">学生专区</a>
										<a href="#">聚特惠</a>
										<a href="#">学生专区</a>
										<a href="#">聚特惠</a>
										<a href="#">学生专区</a>
									</dd>
								</dl>
							</div>
							<div class="sel-item pl-item">
								<dl>
									<dt>品类站</dt>
									<dd>
										<a href="#">聚特惠</a>
										<a href="#">学生专区</a>
										<a href="#">聚特惠</a>
										<a href="#">学生专区</a>
										<a href="#">聚特惠</a>
									</dd>
								</dl>
							</div>
							<div class="sel-item cs-item">
								<dl>
									<dt>城市站</dt>
									<dd>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
									</dd>
								</dl>
							</div>
						</div>
					</li>
					<li class="phonebuy">
						<a href="#" class="b-r">手机购票<i class="insert-shouji"></i></a>
						<img src="img/mobile.png">
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="adverpart" id="adverpart">
		<div class="container">
			<a href="#">
				<img src="img/rAoKNVog8rOAYyABAABc7RRpCO4624.jpg">
			</a>
			<div class="close" id="close"><i class="insert-guanbi"></i>关闭</div>
		</div>
	</div>
	<div class="searchpart">
		<div class="container clearfix">
			<div class="logo">
				<a href="index.html"></a>
			</div>
			<div class="citysel" id="citysel">
				<div class="citysel-show">全国
					<i class="insert-xiabiao2"></i>
					<div class="citysel-show-all hide">
						<div class="citysel-show-all-tt">
							<div class="show-all-left">
								<span>全国<i class="insert-xiabiao3"></i></span>
							</div>
							<div class="show-all-right">
								<p>当前全国共有<span>1325</span>场演出,城市后数字代表演出场次</p>
							</div>
							<div class="close2" id="close2"></div>
						</div>
						<div class="citysel-show-all-bd">
							<div class="show-all-item">
								<div class="show-all-item-left">
									<span>全国</span>
								</div>
								<div class="show-all-item-right">
									<a href="#">全国(1000)</a>
								</div>
							</div>
							<div class="show-all-item">
								<div class="show-all-item-left">
									<span>华南地区</span>
								</div>
								<div class="show-all-item-right">
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
								</div>
							</div>
							<div class="show-all-item">
								<div class="show-all-item-left">
									<span>华南地区</span>
								</div>
								<div class="show-all-item-right">
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
								</div>
							</div>
							<div class="show-all-item">
								<div class="show-all-item-left">
									<span>华南地区</span>
								</div>
								<div class="show-all-item-right">
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
								</div>
							</div>
							<div class="show-all-item">
								<div class="show-all-item-left">
									<span>华南地区</span>
								</div>
								<div class="show-all-item-right">
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="citysel-tuijian">
					<a href="#"><i class="insert-tuijian"></i>推荐广州站</a>
				</div>
			</div>
			<div class="search">
				<div class="search-top">
					<input type="text" name="sear" placeholder="Cats" id="sear">
					<a href="#" class="sear-a"></a>
					<div class="search-res-show hide" id="sear-show">
						
					</div>
				</div>
				<div class="search-bot">
					<a href="#">Cats</a>
					<a href="#">金牌制作人</a>
					<a href="#">罗密欧与朱丽叶</a>
				</div>
			</div>
		</div>
	</div>
	<div class="tabpart">
		<div class="container clearfix">
			<div class="pro-sel" id="pro-sel">
				<span>全部商品分类</span>
				<!-- <ul id="pro-sel-ul">
					<li><i class="insert-jita"></i>演唱会</li>
					<li><i class="insert-ylh"></i>音乐会</li>
					<li><i class="insert-hjg"></i>话剧歌剧</li>
					<li><i class="insert-etq"></i>儿童亲子</li>
					<li><i class="insert-yyj"></i>音乐剧</li>
					<li><i class="insert-xqz"></i>戏曲综艺</li>
					<li><i class="insert-zll"></i>展览</li>
				</ul> -->
				<div class="pro-sel-show" id="pro-sel-show">
					<div class="pro-sel-show-item hide">
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
					</div>
					<div class="pro-sel-show-item yinyue-item hide">
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
					</div>
					<div class="pro-sel-show-item geju-item hide">
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
					</div>
					<div class="pro-sel-show-item ertong-item hide">
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
					</div>
					<div class="pro-sel-show-item yinyueju-item hide">
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
					</div>
					<div class="pro-sel-show-item xiqu-item hide">
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
					</div>
					<div class="pro-sel-show-item zhanlang-item hide">
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
					</div>
				</div>
			</div>
			<div class="pro-sel2">
				<ul>
					<li><a href="popmusic.html">流行音乐</a></li>
					<li><a href="#">流行音乐</a></li>
					<li><a href="#">流行音乐</a></li>
					<li><a href="#">流行音乐</a></li>
					<li><a href="#">流行音乐</a></li>
				</ul>
			</div>
			<div class="pro-sel3">
				<a href="#">
					<img src="img/logo2.png">
				</a>
			</div>
		</div>
	</div>
	<!-- <div class="carouselpart" id="carouselpart">
		<div class="container">
			<div class="car-show" id="car-show">
				<ul id="lunbotu">
					<li data-col="#D1DBE4">
						<a href="#"><img src="img/lunbo1.jpg"></a>
					</li>
					<li data-col="#0E0000">
						<a href="#"><img src="img/lunbo2.jpg"></a>
					</li>
					<li data-col="#ED174B">
						<a href="#"><img src="img/lunbo3.jpg"></a>
					</li>
				</ul>
				<div class="car-cont" id="car-cont">
					<span class="cur"></span>
					<span></span>
					<span></span>
				</div>
				<div class="car-pre" id="car-pre"></div>
				<div class="car-next" id="car-next"></div>
			</div>
		</div>
	</div> -->
	<div class="slide-right">
		<div><span></span></div>
		<div></div>
		<div></div>
		<div></div>
	</div>
	
</div>
				<div id="lan">
	<!--左边导航-->
	<div class="left">
			<div class="my-menu">
				<h2 class="my-juooo">
					<a href="#">我的聚橙</a>
				</h2>
				<h2 class="my-order">
					<a href="#">订单中心</a>
				</h2>
				<ul >
					<li>
						<a  href="myorderlist.html">
							<i></i>
							我的订单
							<b class="arr"></b>
						</a>						
					</li>
					<li>
						<a href="#">
							<i></i>
							我的关注
							<b class="arr"></b>							
						</a>	
					</li>
					<li>
						<a href="#">
							<i></i>
							缺货登记
							<b class="arr"></b>
						</a>						
					</li>
					<li>
						<a href="#">
							<i></i>
							预定登记
							<b class="arr"></b>
						</a>						
					</li>
					<li>
						<a href="#">
							<i></i>
							我的积分
						    <b class="arr"></b>
						</a>						
					</li>
				</ul>
				<h2 class="my-comment">
					<a href="#">社区中心</a>
				</h2>
				<ul>
					<li>
						<a href="#">
							<i></i>
							我的剧评
						    <b class="arr"></b>
						</a>						
					</li>
				</ul>
				<h2 class="my-prof">
					<a href="#">账户中心</a>
				</h2>
				<ul id="list">
					<li>
						<a href="myprofile.html">
							<i></i>
							个人资料
						    <b class="arr"></b>
						</a>						
					</li>
					<li>
						<a class="active" href="security.html">
							<i></i>
							账户安全
							<b class="arr"></b>
						</a>						
					</li>
					<li>
						<a href="javascript:;">
							<i></i>
							收货地址
						    <b class="arr"></b>
						</a>						
					</li>
					<li>
						<a href="javascript:;">
							<i></i>
							账户余额
						    <b class="arr"></b>
						</a>						
					</li>
					<li>
						<a href="javascript:;">
							<i></i>
							欢聚橙卡
						    <b class="arr"></b>
						</a>						
					</li>
					<li>
						<a href="javascript:;">
							<i></i>
							优惠券
						    <b class="arr"></b>  
						</a>						
					</li>
					<li>
						<a href="javascript:;">
							<i></i>
							橙卡
							<b class="arr"></b>						
						</a>						
					</li>
				</ul>
				<h2 class="my-note">
					<a href="#">消息提醒</a>
				</h2>
			</div>	
			
			<!--我的订单页面-->
			<div class="u-home" style="display: none;">
				<div class="u-title">
					<h3>我的订单</h3>
					<a href="#" class="qb">全部订单</a>
					<a href="#">待支付（0）</a>
					<a href="#">待收货（0）</a>
					<a href="#">待评价（0）</a>
					</ul>					
				</div>
				<div class="m-order">
					<div class="mo-item">
						<div class="mo-head">
							<span>订单号 ：2017120132384000000</span>
							<span class="n">交易取消</span>
							<span class="tm">2017.12.01 20:10<i class="icon-trash"></i></span>
							
						</div>
						<div class="mo-contain">
							<ul>
								<li class="mo_mess">			
									<dl>
										<dd>
											<img src="img/lan/img/rAoKNVmwp9qAJ1UqAABOgZfDZcE052.jpg"/>
											<h3><a href="#">[绍兴]  2017林忆莲PRANAVA/造乐者世<!--<br />-->界巡回演唱会ENCORE绍兴站</a></h3>
											<p>时间：2017.12.16 19：30<br />场馆： <a href="#">绍兴市奥体中心体育馆</a></p>
										</dd>				 
										<dd>
											<span class="em">￥780.00</span>
											<span>x1</span>										
										</dd>
									</dl>								
								</li>
								<li class="mo_money">
									<div class="rema">
										金额￥795.00
										<p>(含快递￥15.00）</p>
									</div>									
								</li>
								<li class="mo_last">
									<p><a href="#" class="g_a">再次购买</a></p>
									<p><a href="#" class="g_d">订单详情</a></p>
									<p></p>
									
								</li>
							</ul>
						</div>					
					</div>				
				</div>			
			
			</div>			
			<div class="myprofile_page u-home" style="display: none;">
				myprofile_page
				<div class="u-title">
					
				</div>
				<div class="m-order">
					
				</div>
			</div>
			<div class="mysecurity u-home" style="display: none;">
				mysecurity
				<div class="u-title">
					
				</div>
				<div class="m-order">
					
				</div>
			</div>
			<div class="myprofile_page u-home" style="display: none;">
				
				myprofile_page
				<div class="u-title">
					
				</div>
				<div class="m-order">
					
				</div>
			</div>
	</div>		
		
	<!--右边内容	-->
	<div class="right">
		
		<div class="righttop">
			<h3>账号安全</h3>
		</div>
		<div class="rightcenter">
			<ul>
				<li class="one">
					<div class="oneimg"><a href="#">
					<img src="img/lan/img/logo.jpg">
					<div class="onebottom">
						上传头像
					</div>
					</div>
					</a>
					<div class="oneuser">
						(シ
						<br />
						等级： 普通用户  <a href="#">了解会员等级»</a>
					</div>
					
				</li>
				<li ><i class=" icon-lock
"></i><p>[修改密码]</p>
				</li>

				<li><i class=" icon-edit
"></i><p>[修改基本信息]</p>
				</li>

				<li class="four">
					<h4>账号安全：</h4>
					<div class="long">
						<span>低</span>
						<div class="short"></div>
					</div>
					<div class="fourbottom">
						<p>为保障账户和余额安全，建议进行</p><a href="#"> 安全设置</a>
					    <p>手机： </p><a href="#">去绑定></a>
					    <p>邮箱： </p><a href="#">去绑定></a>
					    <p>支付密码： </p><a href="#">去开启></a>
					</div>
				</li>
			</ul>
		</div>
	    <div class="rightbottom">
	    	<div class="rightbottomname">
	    		<span>您的安全服务</span>
	    	</div>
            <ul>
            	<li>
            		<div class="rblione">
            			<img src="img/lan/img/2logo1.png">
            		</div>
            		<div class="rblitwo">
            			密 码：
            		</div>
            		<div class="rblithree">
            			<span>当前密码安全度：</span><b>低</b>
            	        <p>为了保证您的帐户和余额的安全，请定期修改您的密码</p>
            		</div>
            		<div class="rblifour">
            			<a href="#">修改密码</a>
            		</div>
            	</li>
            	<li>
            		<div class="rblione">
            			<img src="img/lan/img/2logo2.png">
            		</div>
            		<div class="rblitwo">
            			邮箱验证：
            		</div>
            		<div class="rblithree">
            			<span>尚未验证邮箱</span>
            	        <p>验证邮箱，可帮助您找回密码，接收订单、演出通知、活动等提醒</p>
            		</div>
            		<div class="rblifour">
            			<a href="#">立刻验证</a>
            		</div>
            	</li>
            	<li>
            		  <div class="rblione">
            			<img src="img/lan/img/2logo2.png">
            		</div>
            		<div class="rblitwo">
            			手机验证：
            		</div>
            		<div class="rblithree">
            			<span>尚未验证手机</span>
            	        <p>验证手机，可帮助您找回密码，接收订单、演出通知、活动等提醒</p>
            		</div>
            		<div class="rblifour">
            			<a href="#">立刻验证</a>
            		</div>
            	</li>
            	<li>
            		  <div class="rblione">
            			<img src="img/lan/img/2logo2.png">
            		</div>
            		<div class="rblitwo">
            			支付密码：
            		</div>
            		<div class="rblithree">
            			<span>尚未开启支付密码</span>
            	        <p>开启支付密码后，在使用帐户余额时需输入支付密码</p>
            		</div>
            		<div class="rblifour">
            			<a href="#">开启支付</a>
            		</div>
            	</li>
            	<li>
            		  <div class="rblione">
            			<img src="img/lan/img/2logo2.png">
            		</div>
            		<div class="rblitwo">
            			实名认证：
            		</div>
            		<div class="rblithree">
            			<span>认证您的实名信息，提高安全等级</span>
           	        
            		</div>
            		<div class="rblifour">
            			<a href="#">立刻认证</a>
            		</div>
            	</li>
            	<li>
            		<div class="rblione">
            		<img src="img/lan/img/2logo2.png">
            		</div>
            		<div class="rblitwo">
            			学生身份验证：
            		</div>
            		<div class="rblithree">
            			<span>验证学生身份，享受特惠购票</span>
           	        
            		</div>
            		<div class="rblifour">
            			<a href="#">立刻验证</a>
            		</div>
            	</li>
            </ul>
	    </div>
	</div>
			
		</div>	
<div class="lrq">
	<div class="footpart-top">
		<div class="container clearfix">
			<div class="footpart-item">
				<dl>
					<dt>帮助中心</dt>
					<dd>
						<a href="#" class="chengsehover">新手指南</a>
						<a href="#" class="chengsehover">新手指南</a>
						<a href="#" class="chengsehover">新手指南</a>
						<a href="#" class="chengsehover">新手指南</a>
						<a href="#" class="chengsehover">新手指南</a>
					</dd>
				</dl>
			</div>
			<div class="footpart-item">
				<dl>
					<dt class="chengse">400-185-8666</dt>
					<dd>
						<p>周一至周五： 08:30-20:00</p>
						<p>周一至周五： 08:30-20:00</p>
					</dd>
				</dl>
			</div>
			<div class="footpart-item m-r">
				<div class="erwei-item">
					<div class="erweima">
						<img src="img/ticket.png">
						<span>聚橙票务</span>
					</div>
					<div class="erweima">
						<img src="img/ticket.png">
						<span>聚橙票务</span>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="footpart-bot">
		<div class="container">
			<div class="fb1">
				<p>旗下的牌子:<a href="#" class="chengsehover">小舞舞</a><a href="#" class="chengsehover">小舞舞</a><a href="#" class="chengsehover">小舞舞</a></p>
			</div>
			<div class="fb2">
				<div class="fb2-item">
					<span>高雅艺术 商业联盟</span>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
				</div>
				<div class="fb2-item">
					<span>高雅艺术 商业联盟</span>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
				</div>
				<div class="fb2-item b-r">
					<span>高雅艺术 商业联盟</span>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
				</div>
			</div>
			<div class="fb3">
				<a href="#" class="chengsehover">关于我们</a>
				<a href="#" class="chengsehover">关于我们</a>
				<a href="#" class="chengsehover">关于我们</a>
				<a href="#" class="chengsehover">关于我们</a>
				<a href="#" class="chengsehover">关于我们</a>
				<a href="#" class="chengsehover">关于我们</a>
				<a href="#" class="chengsehover">关于我们</a>
				<p>
				Copyright 2007-2017 © 深圳市聚橙演艺联盟票务有限公司 | 粤ICP备17063893号-2 
				<i class="jingcha"></i>
				粤公网安备 44030502000578号
				</p>
			</div>
			<div class="fb4">
				<a href="#"></a>
				<a href="#"></a>
			</div>
		</div>
	</div>
</div>	
	</body>
<script src="lib/jquery.min.js"></script>
<script src="js/lrq.js"></script>
<script src="js/lrq2.js"></script>
</html>
